<input type="hidden" id="mperson" />

<b>
<table border="0" width="100%">
<tr>
<td width="50%">
	<div>
		<table border="0" width="100%">
		<tr>
				<td colspan="1">
						<div id="panelContribuyente" align="center" class="ui-widget ui-widget-content ui-corner-top" style="width: 100%;margin: 0px;">
					    <div class="ui-widget ui-state-default ui-corner-top ui-title">
					        <label>Datos Persona</label>
					    </div>
					    <table class="ui-table-panelLayout">
					        	<tr>
					            	<td style="width: 55px;">C&oacute;digo:</td>
					            	<td style="width: 75px;font-weight: bold;"><div id="lblCodigo"><?php echo $this->cidpers; ?></div></td>
					            	<td style="width: 75px; text-align: right; padding-right: 9px;">Nombre:</td>
					           		<td style="font-weight: bold;"><div id="lblNombre"><?php echo $this->vnombre; ?></div></td>	
					   	        </tr>
					   	        <tr>
					            	<td>Direcci&oacute;n:</td>
					            	<td colspan="3" style="font-weight: bold;"><div id="lblDireccion"><?php echo $this->vdirecc; ?></div></td>
					        	</tr>
					    </table>
					</div>
				</td>
		</tr>
		
		<tr>
			<td>Tipo de Reporte:
                <select id="cboTipoReporte" style="width:200px">
                    <option value="1" > AGRUPADO</option>
                    <option value="2" > DETALLADO</option>
                </select>
            </td>
		</tr> 
		
		
		<tr>
				<td> 
				<div>
						<table>				
						<tr>
							<td> 	
								Fecha Proyecci&oacute;n:<input id="txtfechproy" style="width:80px;" />
							</td>					
							<td>
								<br/>
								Desde:<select id="cbodesde" style="width:70px;" maxlength="4" ></select>&nbsp;
							</td>
							<td>
								<br/>
									Hasta:<select id="cbohasta" style="width:70px;" maxlength="4"></select>
							</td>		
				
							</tr>
				</table>
				
				</div>
		
																
						
							
				</td>		
	    </tr>
	
	
<tr>
	<td>
	   <div id="panelListaPredioCtaCte" align="center" style="width: 99%;margin: 3px;">
	    <table id="tblListaPredioCtaCte"></table>
	    <div id="tblListaPredioCtaCte"></div>
	</div>
	</td>

</tr>

<tr>
	<td>
			<div>
				<table border="0">
				<tr>
				<td >
						
							<div id="panelEstados"> 
							<table id="tblEstados"></table>
								<div id="ptblEstados"></div>
							</div>  
						</td>
					
						<td>
							<div id="panelTributo">
		 						<table id="tblTributo"></table>
								<div id="ptblTributo"></div>
							</div>
						</td>
					</tr>
					
				</table>
			</div>																															
		</td> 

</tr>


<tr>
	<td  align="center">
		<button id="btnprocesar">Procesar</button>
	</td>
</tr>
	
	
</table>
</div>
</td>

<td>
<div>
<table width="100%">
 <tr>
    <td>
    <div id="totalrecaudado" style="font-size:15px;"> </div>
    <br />
<div id="chartdivbarras" align="center"></div>
<br /><hr /><br />
<div id="chartdivpie" align="center"></div>
<div id="scriptgraf" align="center"></div>
<br/>
    
    </td>
 </tr>
</table>

</div>
</td>


</tr>



</table>
</b>




<script type="text/javascript">

$("#txtfechproy").datepicker({
		 dateFormat: "dd/mm/yy",
	        showOn: "button",
	        buttonImage: pathImage + "calendar.gif",
	        buttonImageOnly: true,
	        changeMonth: true,
	        changeYear: true
});  

themeTextBox();
themeComboBox();


$('#cboEstados').combobox(); 

/*
	0000000279	ARBITRIO DE LIMPIEZA PUBLICA.
	0000000283	ARBITRIO DE PARQUES Y JARDINES.
	0000007267	RECOLECCION DE RESIDUOS SOLIDOS
	0000008509	SEGURIDAD CIUDADANA
	0000000273	IMPUESTO PREDIAL	
*/ 

var mydata = [
		{id:"0000000273",name:"IMPUESTO PREDIAL"},
		{id:"0000000279",name:"ARBITRIO DE LIMPIEZA PUBLICA."},
		{id:"0000000283",name:"ARBITRIO DE PARQUES Y JARDINES."},
		{id:"0000007267",name:"RECOLECCION DE RESIDUOS SOLIDOS."},
		{id:"0000008509",name:"SEGURIDAD CIUDADANA."},
		{id:"0000000312",name:"FRACCIONAMIENTO."}, 
		{id:"0000000979",name:"PAGOS VARIOS."},
];



optionTributo= {
		//data: mydata,
		//datatype: "local",
		height: 180,
		width:320,  	
		colNames:['Codigo', 'Tributo'],
	   	//colNames:['id','Servicio'],
	   	colModel:[
	   		{name:'ctiprec',index:'ctiprec', width:60,align:"left",hidden:true},
	   		{name:'deuda',index:'deuda', width:220,align:"left"}
	   		
	   	],       
	   	multiselect: true,   
	   onSelectRow: function (rowid, status) {     
	        var chkSelectAll = $("#ctblTributo");

	        if (chkSelectAll.length && chkSelectAll.is(':checked') && !status) {          
	           chkSelectAll.removeAttr('checked');
	        }},     
	        gridComplete: function() {
	        	$("#cb_tblTributo").attr("checked", true);
            	$("#cb_tblTributo").trigger('click');
            	$("#cb_tblTributo").attr("checked", true);
	        },      	   
	 pager: '#pager'
	};

//inicializarGrid("tblTributo", optionTributo);

//actualizarGrid("tblTributo", optionTributo, null,function(){
 //   $("#tblTributo").jqGrid('navGrid', '#ptblTributo', {edit:false, add:false, del:false, search:false, refresh:false});       
//}); 

 
 
row={
		ccontri:$("#mperson").val() 	
};  




parameters = {
        "name": "tblTributo",
        "procedure": "pl_function.panel_personaestadoctac",
        //"print":"true" +           
        //"parameters": '{' +          
        //'"p_mperson'":"'+"0000000038"+'",'+   
        //'"p_tipo":"2"' 
        //'}'
      //  "print": "true",
        "parameters": '{' +
        //'"p_mperson":"' + "0000000038"+ '",' +
        '"p_mperson":"' +$("#mperson").val() + '",' + 
        '"p_tipo":"2"' +
        '}'
    };
    
    proceso = function(requestData){
        $("#panelTributo").html(requestData);
        //alert(requestData);  
        records = $("#ctblTributo").val();
        if(records > 0) {
            actualizarGrid("tblTributo", optionTributo, null);
        } else {
         alert("Sin Tipo de Deudas");              
            
        } 
    };
    
    procesarConsultaSubProceso('registrar', parameters, proceso);
/*
var mydata2 = [
		{id:"0",name:"Pendiente"},
		{id:"B",name:"Valor Emitido"},
		{id:"D",name:"Coactivo"},				
		];


actualizarGrid("tblDatosEstados", optionEstados, null,function(){
    $("#tblDatosEstados").jqGrid('navGrid', '#ptblDatosEstados', {edit:false, add:false, del:false, search:false, refresh:false});       
});

*/ 

    optionEstados= {
    		height: 180,
    		width:270,  	
    	   	colNames:['id','Estados','EstadoGeneral','orden'],
    	   	colModel:[
    	   		{name:'nestado',index:'nestado', width:60,align:"right",hidden:true}, 
    	   		{name:'deuda',index:'deuda', width:220,align:"left"},
    	   		{name:'estadogeneral',index:'estadogeneral', width:220,align:"left",hidden:true},
    	   		{name:'orden',index:'orden', width:220,align:"left",hidden:true}
    	   	],   
    	   	multiselect: true,
    	    gridComplete: function() {
    	    var ids = jQuery("#tblEstados").jqGrid('getDataIDs');
    	    console.log(ids); 
            for (var i = 0; i < ids.length; i++) {
                //var cl = ids[i];
                //jQuery('#tblEstados').jqGrid('editRow', cl);
                var data = $('#tblEstados').jqGrid('getRowData', ids[i]);

				if(data.estadogeneral=="0"){
					console.log(data); 
					$("#jqg_tblEstados_"+data.orden +"").trigger('click');
	                $("#jqg_tblEstados_"+data.orden +"").attr("checked", true);
	            }           
                  
             
        		
            }
    	    }, 
    	   	pager: '#pager'  	
    	};
    

parameters2 = {
        "name": "tblEstados",
        "procedure": "pl_function.panel_personaestadoctac",
        //"print":"true" +           
        //"parameters": '{' +          
        //'"p_mperson'":"'+"0000000038"+'",'+   
        //'"p_tipo":"2"' 
        //'}'
      //  "print": "true",
        "parameters": '{' +
        //'"p_mperson":"' + "0000000038"+ '",' +
        '"p_mperson":"' +$("#mperson").val() + '",' + 
        '"p_tipo":"3"' +
        '}'
    };
    
    proceso2 = function(requestData){
        $("#panelEstados").html(requestData);
        //alert(requestData);  
        records = $("#ctblEstados").val();
        if(records > 0) {
            actualizarGrid("tblEstados", optionEstados, null);
        } else {
         alert("Sin Tipo de Deudas");              
            
        } 
    };
    
    procesarConsultaSubProceso('registrar', parameters2, proceso2);


    optionPredioCtaCte = {
            width: 600,
            height: 220,
            colNames: ['Predio',
                'Direcci\u00F3n',
                'Uso',
                'Uso'
            ],
            colModel: [{name: 'mpredio', index:'mpredio', width: 70, align:'center'},
                {name: 'tnumero', index:'tnumero', width: 430}, 
                {name: 'vusogen', index:'vusogen', width: 250, hidden: true},
                {name: 'viconos', index:'viconos', width: 55, formatter:imageFormat, unformat:imageUnFormat, align:'center'}
            ],
            caption: "&nbsp;&nbsp;&nbsp;Predios Registrados",
            rowNum:200,
            multiselect: true,
            gridComplete: function() {

            	$("#cb_tblListaPredioCtaCte").attr("checked", true);
            	$("#cb_tblListaPredioCtaCte").trigger('click');
            	$("#cb_tblListaPredioCtaCte").attr("checked", true);
            	
                   	}
        };

      
            parametersctacte = {
           		 "name": "tblListaPredioCtaCte",
     	        "procedure": "pl_function.panel_personaestadoctac",
     	        //"print":"true" +       
     	        "print": "true",
     	        "parameters": '{' +
     	        //'"p_mperson":"' + "0000000038"+ '",' +
     	        '"p_mperson":"' +$("#mperson").val() + '",' + 
     	        '"p_tipo":"4"' +
     	        '}'
            };

procesarProcedimientoJSON("panelListaPredioCtaCte", "tblListaPredioCtaCte", optionPredioCtaCte, parametersctacte, null);

/*Graficos*/
_post2 = $.post(path + "registro/graficodeudas/", "ccontri="+$("#mperson").val());
_post2.success(function(requestData){ 
    $('#scriptgraf').html(requestData);
});

_post2.error(postError);

function  procesar(){ 
	var FilasSelect,FilasSelect2 ;
	 
	FilasSelect = jQuery("#tblTributo").jqGrid('getGridParam','selarrrow');
	FilasSelect2 = jQuery("#tblEstados").jqGrid('getGridParam','selarrrow');
	FilasSelect3 = jQuery("#tblListaPredioCtaCte").jqGrid('getGridParam','selarrrow');
	_CheckCabPred = $('#cb_tblListaPredioCtaCte:checked').val();
	

	console.log(FilasSelect3); 
	
	var row1;
	var vidsigmas='';
	for(var i=0;i<FilasSelect.length;i++){
		row1=jQuery("#tblTributo").jqGrid('getRowData',FilasSelect[i]);
		//if (row1.nestado=='0'||row1.nestado=='1'){
			vidsigmas=vidsigmas+(row1.ctiprec!=''? row1.ctiprec+'-':'');
		//}
	}
	//console.log(vidsigmas.substring(0,vidsigmas.length-1));
	vidsigmas=vidsigmas.substring(0,vidsigmas.length-1);
	console.log(vidsigmas);	



	var row2;
	var vidsigmas2='';
	for(var i=0;i<FilasSelect2.length;i++){
		row2=jQuery("#tblEstados").jqGrid('getRowData',FilasSelect2[i]);
		//if (row1.nestado=='0'||row1.nestado=='1'){
			vidsigmas2=vidsigmas2+(row2.nestado!=''? row2.nestado+'-':'');
		//}
	}
	console.log(vidsigmas2.substring(0,vidsigmas2.length-1));

	vidsigmas2=vidsigmas2.substring(0,vidsigmas2.length-1);
	console.log(vidsigmas2);	

	var row3;
	var vidsigmas3='';	
	if (_CheckCabPred){
		vidsigmas3='00000000000'
	}else{
		for(var i=0;i<FilasSelect3.length;i++){
			row3=jQuery("#tblListaPredioCtaCte").jqGrid('getRowData',FilasSelect3[i]);
			//if (row1.nestado=='0'||row1.nestado=='1'){
				vidsigmas3=vidsigmas3+(row3.mpredio!=''? row3.mpredio+'-':'');
			//}
		}
	}
	//console.log(vidsigmas3.substring(0,vidsigmas3.length-1));
 
	vidsigmas3=vidsigmas3.substring(0,vidsigmas3.length-1);
	console.log(vidsigmas3);	
	
	
	var userlogin ="<?php echo $this->userlogin ?>"; 
		   	 
	//window.open(pathReport+"reporte=rptEstCta2013&opt=CIDPERS^"+$("#mperson").val()+"|DESDE^"+$("#txtdesde").val()+"|HASTA^"+$("#txthasta").val()+"|FPROYE^"+$("#txtfechproy").val()+"|TRIBUTO^"+vidsigmas+"|NESTADO^"+vidsigmas2+"|VUSERNM^"+usuario,'_blank');
    // todo -me here checck change
	if ( $("#cboTipoReporte option:selected").val()=="1"){
		//window.open(pathReport+"reporte=rptEstCta2013v2&opt=CIDPERS^"+$("#mperson").val()+"|CIDPRED^"+vidsigmas3 +"|DESDE^"+$("#txtdesde").val()+"|HASTA^"+$("#txthasta").val()+"|FPROYE^"+$("#txtfechproy").val()+"|TRIBUTO^"+vidsigmas+"|NESTADO^"+vidsigmas2+"|P_USERIMPR^"+userlogin ,'_blank');
        window.open(pathReport+"reporte=rptEstCta2013v3&opt=CIDPERS^"+$("#mperson").val()+"|CIDPRED^"+vidsigmas3 +"|DESDE^"+$("#txtdesde").val()+"|HASTA^"+$("#txthasta").val()+"|FPROYE^"+$("#txtfechproy").val()+"|TRIBUTO^"+vidsigmas+"|NESTADO^"+vidsigmas2+"|P_USERIMPR^"+userlogin ,'_blank');
	}else{
		//window.open(pathReport+"reporte=rptEstCta2013Detalladov2&opt=CIDPERS^"+$("#mperson").val()+"|CIDPRED^"+vidsigmas3 +"|DESDE^"+$("#txtdesde").val()+"|HASTA^"+$("#txthasta").val()+"|FPROYE^"+$("#txtfechproy").val()+"|TRIBUTO^"+vidsigmas+"|NESTADO^"+vidsigmas2+"|VUSERNM^"+usuario,'_blank');
        window.open(pathReport+"reporte=rptEstCta2013v2&opt=CIDPERS^"+$("#mperson").val()+"|CIDPRED^"+vidsigmas3 +"|DESDE^"+$("#txtdesde").val()+"|HASTA^"+$("#txthasta").val()+"|FPROYE^"+$("#txtfechproy").val()+"|TRIBUTO^"+vidsigmas+"|NESTADO^"+vidsigmas2+"|P_USERIMPR^"+userlogin ,'_blank');
		
	}
} 
 

$("#btnprocesar").button({
    text: true,
    icons: {primary:'ui-icon-search'}
}).bind("click", function(){

	procesar();
		  
}); 


</script>
 